.panel.panel-primary.text-center {
        min-height: 200px;
    }

    .firstPanel {
        margin-bottom: 20px;
        background-color: transparent;
        border: none !important;
        /* border-radius: 10px / 30px; */
        width: 89.5%;
        border: 2px solid #008444 !important;
        border-radius: 8px !important;
        min-height: 503px;
    }

    a#addSupport {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none !important;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 42px;
    }

    .secondPanel {
        margin-bottom: 20px;
        background-color: transparent;
        border: none;
        /* border-radius: 10px / 30px; */
        width: 89.5%;
        min-height: 500px;
        box-shadow: none;
        border: 2px solid #008444;
        border-radius: 8px;
    }

    .thirdPanel {
        margin-bottom: 20px;
        background-color: transparent;
        border: none;
        /* border-radius: 10px / 30px; */
        width: 89.5%;
        min-height: 504px;
        box-shadow: none;
        border: 2px solid #008444;
        border-radius: 8px;
    }

    .fourthPanel {
        width: 89% !important;
        min-height: 500px;
        box-shadow: none;
        background: transparent;
        border: 2px solid #008444;
        border-radius: 8px;
    }

    .fifthPanel {
        width: 89% !important;
        min-height: 500px;
        box-shadow: none;
        background: transparent;
        border: 2px solid #008444;
        border-radius: 8px;
    }

    img#imgTwo {
        width: 100%;
        margin-left: 0%;
        mix-blend-mode: multiply;
        min-height: 330px !important;
    }

    a#findJob {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 65px;
    }



    a#addSupportTwo {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none !important;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 70px;
    }

    a#addSupportThree {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 41px;
    }

    a#addSupportFour {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 41px;
    }

    p#textOne {
        float: left;
        margin-left: 20px;
        font-size: 1em;
        color: #000;
    }

    h2.card-title {
        float: left;
        margin-left: 20px;
        color: #000;
    }

    h2#titleFour {
        margin-left: 15px;
    }

    p#textTwo {
        float: left;
        margin-left: 20px;
        font-size: 1em;
        color: #000;
    }

    p#textThree {
        float: left;
        margin-left: 20px;
        font-size: 1em;
        color: #000;
    }

    img#imgOne {
        width: 100%;
        margin-left: 0%;
        mix-blend-mode: multiply;
        min-height: 230px;
    }

    img#imgTwo {
        width: 100%;
        margin-left: 0%;
        mix-blend-mode: multiply;
        min-height: 230px !important;
    }

    img#imgThree {
        width: 100%;
        margin-left: 0%;
        mix-blend-mode: multiply;
    }

    img#imgFour {
        width: 100%;
        margin-left: 0%;
        mix-blend-mode: multiply;
    }

    img#imgFive {
        width: 100%;
    }

    @font-face {

        font-family: "Roboto-Regular";

        src: url("https://images.hanlonsonline.co.uk/Stockton/fonts/Roboto-Regular.otf");

        font-weight: 700;

        font-style: normal;

    }

    button.carousel-control-prev.custom-btn {
        top: 50%;
        transform: translateY(-50%) !important;
        height: 6rem;
        border-radius: 50%;
        width: 6rem;
        left: -4%;
        opacity: 1;
    }

    button.carousel-control-next.custom-btn {
        top: 50%;
        transform: translateY(-50%) !important;
        height: 6rem;
        border-radius: 50%;
        width: 6rem;
        opacity: 1;
    }

    span.carousel-control-prev-icon-black {
        color: #ffffff;
        opacity: 1 !important;
        font-size: 2rem;
        font-weight: bold;
    }

    span.carousel-control-next-icon-black {
        color: #ffffff;
        opacity: 1 !important;
        font-size: 2rem;
        font-weight: bold;
    }

    img#imgOne {
        width: 100% !important;
    }

    img#imgTwo {
        width: 100% !important;
    }

    img#imgThree {
        width: 100% !important;
    }

    img#imgFour {
        width: 100%;
    }

    .card.h-100 {
        padding: 15px;
        min-height: 325px;
        border: 3px solid #008444;
        text-align: center !important;
        box-shadow: rgb(0 0 0) 0px 5px 15px;
        border-radius: 8px !important;
    }
    a.btn.btn-dark.rounded-pill {
        background: #008444;
        font-family: "Roboto";
        font-weight: bold;
        width: 50%;
        margin-top: 1rem;
        border-radius: 8px !important;
    }
    .card.h-100.shadow-sm.border-0.rounded-4.overflow-hidden {
        padding: 15px;
        min-height: 325px;
        border: 3px solid #008444 !important;
        text-align: center !important;
        box-shadow: rgb(0 0 0) 0px 5px 15px !important;
    }

    #btn1 {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 1px;
        border-radius: 0px !important;
    }

    a#btn2 {
        margin-top: 72px !important;
        background-color: #008444 !important;
        font-family: 'Roboto';
        font-size: 1.25em;
        padding: 24px;
        width: 100%;
        text-align: left;
        border: 0px;
        border-radius: 0px !important;
    }

    a#btn3 {
        margin-top: 109px !important;
        background-color: #008444 !important;
        font-family: 'Roboto';
        font-size: 1.25em;
        padding: 24px;
        width: 100%;
        text-align: left;
        border: 0px;
        border-radius: 0px !important;
    }

    #btn4 {
        /* width: 40%; */
        float: left;
        padding: 23px;
        width: 100%;
        text-align: left;
        background: #008444;
        color: #fff !important;
        border: none;
        /* border-radius: 10px / 30px; */
        font-size: 1.25em;
        margin-top: 1px;
        width: 100%;
        margin-top: 56px;
        border-radius: 0px !important;
        font-family: "Roboto";
    }

    .btn-primary:hover {
        background-color: #C8D300 !important;
        transition: 0.6s;
    }

    .card-title {
        margin-bottom: var(--bs-card-title-spacer-y);
        color: var(--bs-card-title-color);
        font-family: "Roboto";
        font-weight: bold;
        margin-top: 10px;
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 2px solid #008444;
        border-radius: 4px;
        min-height: 576px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

    .panel.img-box.firstPanel {
        min-height: 520px;
    }

    .panel.img-box.secondPanel {
        min-height: 520px;
    }

    .panel.img-box.thirdPanel {
        min-height: 520px;
    }

    .panel.img-box.fourthPanel {
        min-height: 500px;
    }

    button.carousel-control-prev.custom-btn {
        top: 50%;
        transform: translateY(-50%) !important;
        height: 6rem;
        border-radius: 50%;
        width: 6rem;
        left: -4%;
        opacity: 1;
    }

    .h2,
    h2 {
        font-size: 30px;
        float: left;
        margin-left: 20px;
        color: #000;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
        right: 1.5rem;
        position: relative;
    }

    h1.apprenticeships-title-one {
        padding-top: 30px;
    }

    h2.apprenticeships-title-two {
        margin-left: 0px !important;
        color: #008444 !important;
        font-family: 'Roboto';
    }

    p#textOne {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
    }

    p#textTwo {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
    }

    p#textThree {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
        margin-top: 7%;
    }

    p#textFour {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
    }

    p#textFive {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
        margin-top: 6%;
    }

    h2.apprenticeships-title-three {
        margin-left: 0px !important;
        color: #008444 !important;
        font-family: 'Roboto';
    }

    p#textSix {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
        margin-top: 0%;
    }

    h3.sub-apprenticeships-title-one {
        margin-left: 0px !important;
        color: #008444 !important;
        font-family: 'Roboto';
    }

    p#textSeven {
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
    }

    h2.apprenticeships-title-five {
        margin-left: 0px !important;
        color: #008444 !important;
        font-family: 'Roboto';
    }

    p#textEight {
        margin-top: 6%;
        font-family: 'Roboto';
        font-size: 18px;
        color: #000;
    }

    p#textNine {
        color: #000;
        font-size: 18px;
    }

    li.bulletPointOne {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointTwo {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointThree {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointFour {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointFive {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointSix {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    li.bulletPointSeven {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    p#textTen {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    p#textEleven {
        font-size: 18px;
        color: #000;
        font-family: 'Roboto';
    }

    h2.apprenticeships-title-six {
        margin-left: 0px;
        color: #008444;
        font-family: 'Roboto';
    }

    p#textTwelve {
        margin-top: 0%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
    }

    p#textThirteen {
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
    }

    h2.apprenticeships-title-seven {
        margin-left: 0px;
        color: #008444;
        font-family: 'Roboto';
        font-size: 32px;
    }

    h3.sub-apprenticeships-title-two {
        margin-top: 6%;
        color: #008444;
        font-family: 'Roboto';
        font-size: 28px;
    }

    h3.sub-apprenticeships-title-three {
        color: #008444;
        font-family: 'Roboto';
        font-size: 32px;
    }

    h3.sub-apprenticeships-title-four {
        margin-top: 2%;
        color: #008444;
        font-family: 'Roboto';
        padding-left: 10px;
        font-size: 32px;
    }

    h3.sub-apprenticeships-title-five {
        color: #008444;
        font-family: 'Roboto';
        padding-left: 10px;
        font-size: 28px;
    }

    p#textThirteen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 0px;
        line-height: 1.5em;
    }

    p#textFourteen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 0px;
    }

    p#textFifteen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 10px;
    }

    p#textSixteen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 0px;
    }

    li.bulletPointEight {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointNine {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointTen {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointEleven {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointTwelve {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointThirteen {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointFourteen {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointFifteen {
        font-size: 18px;
        color: #000;
    }

    li.bulletPointSixteen {
        font-size: 18px;
        color: #000;
    }

    li.bulletPoinSeventeen {
        font-size: 18px;
        color: #000;
    }

    .bulletPointListFour {
        line-height: 2em;
    }

    a.vacancies-link {
        font-family: 'Roboto';
        font-size: 18px;
    }

    p#textSeventeen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 0px;
    }

    p#textEighteen {
        margin-top: 2%;
        color: #000;
        font-family: 'Roboto';
        font-size: 18px;
        padding-left: 0px;
    }

    h3.sub-apprenticeships-title-six {
        color: #008444;
        font-family: 'Roboto';
        font-size: 32px;
    }

    h3.sub-apprenticeships-title-seven {
        color: #008444;
        font-family: 'Roboto';
        font-size: 28px;
    }

    @media only screen and (max-width: 1280px) {
        a#btn1 {
            margin-top: 82px !important;
        }

        a#btn4 {
            margin-top: 119px !important;
        }

        a#btn3 {
            margin-top: 73px !important;
        }
    }

    @media only screen and (max-width: 1024px) {
        .panel {
            min-height: 506px;
        }

        .secondPanel {
            min-height: 426px !important;
        }

        .thirdPanel {
            min-height: 544px !important;
        }

        .fourthPanel {
            min-height: 511px !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .fourthPanel {
            min-height: 683px !important;
        }

        .firstPanel {
            min-height: 691px !important;
        }

        .thirdPanel {
            min-height: 724px !important;
        }
    }

    @media only screen and (max-width: 425px) {
        .panel {
            min-height: 476px;
        }

        .firstPanel {
            min-height: 476px !important;
        }

        .thirdPanel {
            min-height: 516px !important;
        }

        .fourthPanel {
            min-height: 486px !important;
        }
    }

    @media only screen and (max-width: 375px) {
        .panel {
            min-height: 440px !important;
        }

        .fourthPanel {
            min-height: 455px !important
        }
    }

    @media only screen and (max-width: 320px) {
        .panel {
            min-height: 403px !important;
        }

        .firstPanel {
            min-height: 436px !important;
        }

        .fourthPanel {
            min-height: 420px !important;
        }
    }

    @media screen and (min-device-width: 1537px) and (max-device-width: 1920px) {
        h2#titleFive {
            float: none;
        }

        p#textFive {
            margin-left: 20px;
        }

    }

    @media screen and (min-device-width: 1440px) and (max-device-width: 1536px) {
        a#addSupportFour {
            margin-top: 41px;
        }

        h2#titleFive {
            float: none;
        }

        p#textFive {
            margin-left: 20px;
        }

        img#imgFive {
            width: 100%;
        }
    }

    @media screen and (min-device-width: 1234px) and (max-device-width: 1280px) {
        p#textFive {
            float: left;
            padding-left: 23px;
        }

        a#addSupportFour {
            margin-top: 62px;
        }
    }

    @media only screen and (max-width: 1233px) {
        p#textFive {
            float: left;
            margin-left: 23px;
        }

        a#addSupportFour {
            margin-top: 62px;
        }
    }

    /* @media screen and (min-device-width: 1025px) and (max-device-width: 1232px) {
        p#textFive {
            float: left;
            margin-left: 23px;
        }
    } */

    @media only screen and (max-width: 1024px) {
        .firstPanel {
            min-height: 491px;
        }

        .secondPanel {
            min-height: 492px;
        }

        .thirdPanel {
            min-height: 491px;
        }

        a#addSupport {
            margin-top: 25px;
        }

        img#imgOne {
            width: 100%;
            min-height: 150px;
        }

        img#imgTwo {
            width: 100%;
            min-height: 150px !important;
        }

        a#addSupport {
            margin-top: 51px;
        }

        a#addSupportTwo {
            margin-top: 73px;
        }

        a#addSupportThree {
            margin-top: 59px;
        }

        img#imgFive {
            width: 100%;
        }

        a#addSupportFour {
            margin-top: 59px;
        }

        a#findJob {
            margin-top: 74px;
        }
    }

    @media only screen and (max-width: 768px) {

        h2.card-title {
            float: inherit;
            margin-left: 20px;
        }

        .secondPanel {
            min-height: 454px;
        }

        .firstPanel {
            min-height: 479px;
        }

        .thirdPanel {
            min-height: 482px;
        }

        .panel.img-box.fourthPanel {
            min-height: 466px;
        }

        .fifthPanel {
            min-height: 466px;
        }

    }

    @media only screen and (max-width: 425px) {
        .secondPanel {
            min-height: 407px;
        }

        .firstPanel {
            min-height: 479px;
        }

        .thirdPanel {
            min-height: 452px;
        }

        .panel.img-box.fourthPanel {
            min-height: 466px;
        }

        a#addSupportThree {
            margin-top: 35px;
            margin-bottom: 20px;
        }

        .fifthPanel {
            min-height: 466px;
        }

        img#imgOne {
            width: 100%;
        }

        img#imgTwo {
            width: 100%;
        }

        a#findJob {
            margin-top: 0px;
        }

        a#addSupportTwo {
            margin-top: 20px;
        }

        a#addSupportFour {
            margin-top: 35px;
        }
    }

    @media only screen and (max-width: 375px) {
        .secondPanel {
            min-height: 400px;
        }

        a#addSupport {
            margin-top: 8px;
        }

        .firstPanel {
            min-height: 408px;
        }

        .thirdPanel {
            min-height: 432px;
        }

        .fourthPanel {
            min-height: 434px !important;
        }

        .fifthPanel {
            min-height: 433px;
        }

        a#addSupportTwo {
            margin-top: 32px;
        }
    }

    @media only screen and (max-width: 320px) {
        .secondPanel {
            min-height: 392px;
        }

        .firstPanel {
            min-height: 396px;
        }

        .thirdPanel {
            min-height: 420px;
        }

        a#addSupportThree {
            margin-top: 56px;
        }

        .fourthPanel {
            min-height: 443px !important;
        }

        .fifthPanel {
            min-height: 422px;
        }

        a#addSupportTwo {
            margin-top: 32px;
        }
    }